<script setup>
    import { RouterLink } from 'vue-router';
    //导入pinia
    import {userInfoStore} from '../stores/UserInfoPinaStores.js'
    let user=userInfoStore();
</script>

<template>
    <div class="showC" v-if="user.getUserStatus=='0' || user.getUserStatus=='' ">
        <!-- <RouterLink to="login">登录界面</RouterLink><br>
        <RouterLink to="regist">注册界面</RouterLink><br>
        <RouterLink to="user">用户个人信息界面</RouterLink><br>
        <RouterLink to="userDespoit">用户充值界面</RouterLink><br>
        <RouterLink to="userQuerry">用户查询页面</RouterLink><br>
        
        <RouterLink to="admin">管理员信息界面</RouterLink><br>
        <RouterLink to="adminWE">管理员水电费界面</RouterLink><br>
        <RouterLink to="adminUser">管理员用户管理界面</RouterLink><br>
        <RouterLink to="AdminDormitory">管理员宿舍管理界面</RouterLink><br> 

        -->
        <!-- 绑定路由显示特定页面 -->
        <RouterView name="UserRouter" ></RouterView>
       

    </div>
    <hr>
    <div class="showC" v-if="user.getUserStatus=='1'">
        
         <!-- 绑定路由显示特定页面 -->
         <RouterView name="AdminRouter" ></RouterView>

    </div>
</template>

<style scoped>
.showC{
    text-align: center;
    width:100%;
    height: 800px;
    /* border: 1px solid red; */
    background-color: rgb(203, 209, 209);
    opacity: 1;
}
</style>